@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    text-align: none;
    list-style: none;
}
.web {
    header {
        font-size: 0;
        background: linear-gradient(#fafafa, #e2e2e2);
        a {
            display: inline-block;
            height: 4.73vw;
            width: 9.8vw;
            text-align: center;
            line-height: 4.73vw;
            /* 行高 */
            font-size: 0.93vw;
            color: #535353;
            vertical-align: middle;
        }
        a:first-child {
            width: 14.2vw;
            border-radius: 1px solid #c1c1c1;
            img {
                width: 5.27vw;
                height: 5.13vw;
                vertical-align: middle;
                /* 垂直对齐图像 */
            }
            a:hover {
                background-color: #bbbb;
            }
        }
    }
    main {
        .beijing {
            width: 100vw;
            height: 34.8vw;
            background-image: url(../img/huxing/q.png);
            box-shadow: 0vw 0.07vw 0.53vw 0vw rgba(46, 34, 38, 0.75);
            background-size: cover;
            /* 指定图片大小 */
            .son {
                width: 9.6vw;
                height: 1.4vw;
                padding-top: 1.27vw;
                padding-left: 20.8vw;
                display: flex;
                justify-content: center;
                align-items: center;
                p {
                    height: 1.4vw;
                    font-size: 0.8vw;
                    display: inline-block;
                    margin: 0.5vw;
                }
                .hh {
                    width: 0.07vw;
                    height: 1.4vw;
                    background-color: #d9d9d9;
                    display: inline-block;
                }
            }
            .sonq {
                width: 20.13vw;
                height: 4.27vw;
                margin-top: 10.74vw;
                margin-left: 20.73vw;
                h5 {
                    font-size: 4.6vw;
                    letter-spacing: 0.16vw;
                    color: #ffffff;
                }
                .p2 {
                    font-size: 1vw;
                    color: #ffffff;
                    line-height: 1.2vw;
                    letter-spacing: 0.5vw;
                }
            }
        }
        .bai {
            width: 100vw;
            height: 46vw;
            position: relative;
            .jian {
                width: 60vw;
                height: 5vw;
                margin-top: 3.87vw;
                margin-left: 20.67vw;
                .qq {
                    width: 6vw;
                    height: 1.53vw;
                    font-size: 1vw;
                    letter-spacing: 0.07vw;
                }
                .xiaohe {
                    width: 51.53vw;
                    height: 1.87vw;
                    background-color: #efefef;
                    font-size: 1.47vw;
                    letter-spacing: 0vw;
                    color: #525252;
                    margin-left: 5vw;
                    span {
                        opacity: 0.5;
                    }
                }
                .qqp {
                    width: 14.67vw;
                    height: 0.87vw;
                    font-size: 0.8vw;
                    letter-spacing: 0.04vw;
                    color: #525252;
                    padding-left: 42.9vw;
                }
            }
        }
        .ditu {
            width: 58.73vw;
            height: 19.47vw;
            margin: 0 auto;
            margin-top: 8vw;
        }
        .xiaotu {
            background-image: url(../img/huxing/e.png);
            width: 11.13vw;
            height: 3.2vw;
            background-size: cover;
            font-size: 1.07vw;
            letter-spacing: 0.05vw;
            color: #ffffff;
            border: solid 0.13vw rgba(0, 150, 255, 0.75);
            display: flex;
            justify-content: center;
            align-items: center;
           position: absolute;
           top:27vw;
           left: 25vw;

        }
    }
    footer {
        width: 100vw;
        height: 5vw;
        background-color: #444444;
        .kkk {
            width: 16vw;
            height: 1vw;
            display: flex;
            justify-content: space-between;
            padding-top: 3vw;
            padding-left: 18.4vw;
            a {
                font-size: 0.5vw;
                color: #ffffff;
                text-decoration: none;
                /* 去除下滑线 */
            }
        }
        .vvv {
            font-size: 0.3vw;
            color: #ffffff;
            letter-spacing: 0vw;
            opacity: 0.8;
            margin-top: -1vw;
            margin-left: 58vw;
        }
    }
}
